@charset "utf-8";
	#petContent {
		position: absolute;
		top: 200px;
		height: 500px;
		bottom: 100px;
		width:  76%;
		margin-left: 12%;
		margin-right: 12%;
	}
	
	#petContent1 {
		position: absolute;
		float:left;
		color:#7f7f7f;
		width: 50%;
		height: 500px;
		padding-top: 100px;
	}

	#petContent1 p{
		position: absolute;
		float:left;
		width: 90%;	
	}
	
	#petContent2{
		position: absolute;
		float:right;
		width: 50%;
		height: 500px;
		margin-left: 50%;
	}
	
	#petContent2 img{
		 border-radius:100%;	 
	}
	
	#bookContent {
		position: absolute;
		color:#7f7f7f;
		height: 500px;
		width:  80%;
		top: 800px;
		bottom: 100px;
		margin-left: 10%;
	}

	#bookContent2 {
		height: 300px;
	}

	#cookContent {
		position: absolute;
		color:#7f7f7f;
		height: 500px;
		width:  80%;
		top: 2050px;
		margin-left: 10%;
		bottom: 100px;
	}
	
	.topfont {
		margin: 0% 10% 5% 10%;
		font-size: 50px;
		text-align: center;
		color:#FF7171;
		font-family: 'Playball', cursive;
		text-decoration: underline;
		font-weight: 800;
		letter-spacing:5px;
	}

	.foodpic {
		margin-top: 5%;
		margin-bottom: 5%;
		height: 300px;
		width: 100%;
	}

	.foodItem {
		margin: 1% 1.3%;
		width: 30%;
		height: 280px;
		float: left;
		overflow: hidden;
	}

	.foodItem img{
		width: 100%;
		height: 100%;
		cursor: pointer;
		transition: all 0.6s;
	}

	.foodItem img:hover{
		  transform: scale(1.4);
	}

	#sharerContent {
		position: absolute;
		color:#7f7f7f;
		height: 500px;
		width:  80%;
		top: 2900px;
		left: 10%;
	}
	
	footer {
		position: absolute;
		height: 300px;
		width:  100%;
		margin-top: 4050px;
		background: #FF7171;
    	fill: #FF7171;
		opacity: 0.7;
	}


